<svelte:head>

Posted on 2023-06-19 by

henrikvilhelmberglund

<svelte:head> is used when we want to add something in the HTML head tag in our Svelte component. This is useful for SEO.

We can dynamically change the title or metadata of the page.
<script>
	let name = "world";
</script>

<input bind:value={name} />
<svelte:head>
	<title>{name}</title>
	<meta name="description" content={name} />
</svelte:head>

<style>
</style>